/* styles.css 文件内容 */

/* 导航栏样式 */
.navbar-custom {
    background-color: #333; /* 深灰色背景 */
}
.navbar-custom .navbar-brand {
    color: #fff; /* 白色文字 */
    font-size: 1.5em; /* 增大字体 */
}
.navbar-custom .navbar-nav .nav-link {
    color: #ddd; /* 淡灰色文字 */
    padding: 0.75rem 1.5rem; /* 增加内边距 */
}
.navbar-custom .navbar-nav .nav-link:hover {
    background-color: #555; /* 鼠标悬停时的背景色 */
}
.navbar-custom .navbar-nav .active .nav-link,
.navbar-custom .navbar-nav .nav-link.active,
.navbar-custom .navbar-nav .nav-link.show,
.navbar-custom .navbar-nav .show>.nav-link {
    color: #fff; /* 激活链接的文字颜色 */
    background-color: #666; /* 激活链接的背景颜色 */
}
.loading {
    text-align: center;
    padding: 50px 0;
}

/*问答样式*/
.chat-area {
    background-color: #e9ecef;
    border-radius: 5px;
    padding: 15px;
    height: 500px;
    overflow-y: auto;
  }

.message-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%; /* 确保包装器占满整个宽度 */
  margin-bottom: 15px;
}

.message-sender {
  font-size: 0.8rem;
  margin-bottom: 5px;
}

.user .message-sender {
  text-align: right;
  color: #007bff;
}

.assistant .message-sender {
  text-align: left;
  color: #333;
}

.message-content {
  padding: 8px 15px;
  border-radius: 18px;
  background-color: #f8f9fa;
  color: #333;
  word-wrap: break-word;
  max-width: 80%; /* 限制最大宽度，可根据需要调整 */
}

.user .message-content {
  background-color: #007bff;
  color: white;
  align-self: flex-end; /* 用户消息靠右 */
}

.assistant .message-content {
  background-color: #f8f9fa;
  color: #333;
  align-self: flex-start; /* 助手消息靠左 */
}

ul {
  list-style-type: none; /* 去掉列表项符号 */
}
.info-container {
    display: flex;
    justify-content: space-between; /* 水平均匀分布 */
    align-items: center;            /* 垂直居中对齐 */
    flex-wrap: wrap;                 /* 允许换行 */
}

.info-item {
    flex: 1;                        /* 每个项占据相等的空间 */
    min-width: 180px;               /* 最小宽度，防止内容过窄 */
    margin: 5px;                    /* 项之间的间距 */
    text-align: center;             /* 文本居中对齐 */
    border: 1px solid #ccc;         /* 可选：添加边框 */
    padding: 10px;                  /* 内边距 */
    box-sizing: border-box;         /* 边框和内边距包含在宽度内 */
}
